Menú horizontal
Utilidades Blogs por Jenny el 18 de julio del 2007
Es muy fácil, visitando el Blog de Cesar lo he visto y me ha gustado.
Es el que se ve aquí en mi blog debajo de la cabecera.
Bueno que si te gusta aquí explico como tienes que ponerlo y si no lo miras en el Blog de Cesar que el lo explica muy bien.
Pon este código en la plantilla después de <head>
<style type=’text/css’>
#chromemenu{
#chromemenu{
width: 100%;
font-weight: bold;
font-size: 90%;
}
#chromemenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: “.”;
display: block;
height: 1px;
clear: both;
visibility: hidden;
}
#chromemenu ul{
border: 3px double #DC143C;
width: 99%;
background-color: #FFD600; center
center repeat-x;
padding: 5px 0;
margin: 0;
text-align: left; /*set value to “right” for example to align menu to the left of page*/
}
#chromemenu ul li{
display: inline;
}
#chromemenu ul li a{
color: #000000;
padding: 5px;
margin: 10;
text-decoration: none;
border-right: 3px double #DC143C;
}
#chromemenu ul li a:hover{
background-color: #FFAD00; center
center repeat-x;
}
</style>
Cuando lo pegues guardas la plantilla.
Ahora en plantilla–>añadir un elemento de página–>html–>copia y pega este código:
<div id=”chromemenu”>
<ul>
<li><a href=”#”>titulo 1</a></li>
<li><a href=”#”>titulo 2</a></li>
<li><a href=”#”>titulo 3</a></li>
<li><a href=”#”>titulo 4</a></li>
<li><a href=”#”>titulo 5</a></li>
<li><a href=”#”>titulo 6</a></li>
<li><a href=”#”>titulo 7</a></li>
</ul>
</div>
Sustituye “#” por la url del enlace y titulo por lo que quieras poner.
Puedes ponerle el color de fonfo y borde que te combinen con tu plantilla cambiando el código del color.
Os pongo aquí como queda el menú, porque el mío yá está diferente:
 Imprimir Página
|
4 comentarios
Dejar un comentario
VOLVER A LA PÁGINA PRINCIPAL
POSTS DESTACADOS
 |
|
|
|
|
|
Juegos Monster High
Juegos hospital
Juegos de pensar
Juegos vestir
Juegos pintar
Tengo el menu puesto en el blog pero cuando le doy a las opciones del menu no me canbia a la opcion deseada lo mismo me ocurre con el traductor me sale puesto pero no me traduce nada.
Este es el código para tu traductor:
(te lo envio a tu correo que aquí no me permite ponerlo)
te falla porque no estaba tu url,ponlo tal cual te lo doy.
Ya mirare lo de tu menú a ver que le ocurre.
yo le qiero poner un menu horizontal a mi pagina pero con otro menu dentro de ese noc si me entendes.
quisiera poner en uno de los botones qe se despliegue una lista con otros botones qe se puedan entrar..
se podra eso¿?
Milton, no se si te servirá este:
https://blog.nnatali.com/2008/10/02/css-menu-horizontal-desplegable-y-bonito/